<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/page" prefix="page" %>

<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" ><!--<![endif]-->

<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Shopen - A Business Template</title>

	<!-- Stylesheet
	================================================== -->
	<link rel="stylesheet" href="style.css">

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

	<script src="js/vendor/custom.modernizr.js"></script>
    
</head>
<body>

	<jsp:include page ="header.jsp"/>
		<div class="large-8 columns">

			<div class="row">
				<div class="large-12 columns">

            		<div class="content portfolio three-portfolio clearing-container">

                    	<div class="singletop">
                            <div class="search">
                                <form method="get" action="#">
									<input id="s" type="text" value="Rechercher" name="s">
                                </form>	
                            </div>
                            <nav class="breadcrumbs">
                              <a href="#">Accueil</a>
                              <a class="current" href="#">Nouveau catalogue</a>
                            </nav>
                        </div>

                        <div class="homeposttitle">
                            <h3 class="widget-title">
                                <span>Nouveau</span>
                            </h3>   
                        </div>
                        
						<div class="row portfoliofilter">
							<ul>
								<li><a href="#"><i class="fa fa-folder-open-o"></i> Categories</a>
                                <ul>
                                    <li><a href="#">Design (12)</a></li>
                                    <li><a href="#">Development (22)</a></li>
                                    <li><a href="#">Photoshop (6)</a></li>
                                    <li><a href="#">Illustrator (7)</a></li>
                                    <li><a href="#">Adobe Muse (4)</a></li>
                                </ul>				
                                </li>
                          </ul>
                       </div>
             
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/01_portfolio.jpg">
                            <img src="img/01_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Way to success concept</a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/02_portfolio.jpg">
                            <img src="img/02_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Businessman Touching Digital Tablet</a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/03_portfolio.jpg">
                            <img src="img/03_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Planning a now home</a></h3>
                        </div>  

                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/04_portfolio.jpg">
                            <img src="img/04_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Businesswoman pressing tech type</a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/05_portfolio.jpg">
                            <img src="img/05_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Businessman writing empty diagram</a></h3>
                        </div>  
  
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/06_portfolio.jpg">
                            <img src="img/06_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Futuristic Communication Concept</a></h3>
                        </div>  
 
                         <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/07_portfolio.jpg">
                            <img src="img/07_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Business man working in an office </a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/08_portfolio.jpg">
                            <img src="img/08_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Businessman working with documents </a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/09_portfolio.jpg">
                            <img src="img/09_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Success business report </a></h3>
                        </div>  

                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/10_portfolio.jpg">
                            <img src="img/10_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Businessman at the workplace </a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/11_portfolio.jpg">
                            <img src="img/11_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Working With Mobile Smart Phone </a></h3>
                        </div>  
                        
                        <div class="homeportfolio large-4 columns">
                        <div class="entry">
                        <a data-gal="prettyPhoto" href="img/12_portfolio.jpg">
                            <img src="img/12_portfolio.jpg" alt="">
                            <span class="magnifier"></span>
                        </a>
                        </div>
                        <h3><a href="single-portfolio.html">Smart phones hanging </a></h3>
                        </div>  
              
                    </div><!-- End Content -->
                    
						<ul class="pagination">
                          <li class="arrow unavailable"><a href="#">&laquo;</a></li>
                          <li class="current"><a href="#">1</a></li>
                          <li><a href="#">2</a></li>
                          <li><a href="#">3</a></li>
                          <li><a href="#">4</a></li>
                          <li class="arrow"><a href="#">&raquo;</a></li>
						</ul>

				</div><!-- large 12 -->
			</div><!-- end row -->
            
		</div><!-- end large 8 -->
	</div><!-- end wrapper -->


		<jsp:include page="footer.jsp"/>
    

	<script src="http://code.jquery.com/jquery-latest.min.js"></script>
	<script src="js/jquery.flexslider.js"></script>
    <script src="js/tinynav.min.js"></script>
	<script src="js/menu_min.js"></script>
	<script src="js/foundation.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
	<script src="js/script.js"></script>
 
</body>
</html>

